<template>
  <view class="box">
    <template v-if="!loding">
      <view class="tou top" :style="'padding-top:' + statusBarHeight1 + 'px'">
        <!-- <image @click="fanhui" class="image1" src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png" /> -->

        {{ type ? '我的主页' : '个人主页' }}
        <image
          class="image1"
          v-if="currentPage.length >= 2"
          @click="fanhui"
          src="https://pic.bangbangtongcheng.com/static/bbzc/corporation/gs_fh.png"
          mode=""
        ></image>

        <image
          class="image1"
          v-else
          @click="fanhui"
          src="https://pic.bangbangtongcheng.com/273355a6b7cd4bcb8b4cf8baf9a4ad9a"
        ></image>
        <!-- #ifndef H5 -->
        <image
          @click="fn"
          class="fanx"
          src="https://pic.bangbangtongcheng.com/static/bbzc/corporation/gs_fx.png"
          mode=""
        ></image>
        <!-- #endif -->
      </view>
      <view class="mingpian">
        <view class="mingpian_left">
          <view class="headPortrait">
            <image
              class="img1"
              @click="ViewImages(jjrInfo.image)"
              v-if="jjrInfo.image"
              :src="jjrInfo.image"
            />
            <image
              class="img1"
              @click="ViewImages('https://pic.bangbangtongcheng.com/static/my/header.png')"
              v-else
              src="https://pic.bangbangtongcheng.com/static/my/header.png"
            />
            <view class="img2" v-if="jjrInfo.isShop == '1'">商家</view>
            <view class="img2" v-else-if="jjrInfo.isAgent == '1'">经纪人</view>
            <view
              class="img2"
              v-else-if="jjrInfo.businessType == 0 && jjrInfo.enterpriseRecruitmentStatus == 1"
              >公司</view
            >
            <view class="img2" v-else>个人</view>
          </view>
          <view class="counselor">
            <view class="counselor_top">
              <view class="name">{{ jjrInfo.nikeName || '未命名用户' }}</view>
            </view>
            <view style="display: flex; align-items: center; justify-content: space-between">
              <view class="">
                <view style="display: flex; align-items: flex-start; margin-bottom: 10rpx">
                  <text
                    v-if="jjrInfo.memberLevel"
                    class="vip-rank"
                    @click="goMyLevel"
                    :style="{
                      color: colors[jjrInfo.memberLevel - 1].wordColor,
                      backgroundColor: colors[jjrInfo.memberLevel - 1].bgColor,
                      borderColor: colors[jjrInfo.memberLevel - 1].lineColor,
                    }"
                  >
                    {{ jjrInfo.memberLevelTitle }}
                  </text>
                  <view class="attention" v-if="jjrInfo.userId != userInfo.id">
                    <image
                      class="img4"
                      v-if="jjrInfo.whetherCollection == 1"
                      src="https://pic.bangbangtongcheng.com/static/ysc.png"
                      @click="guanzhu(jjrInfo)"
                    />
                    <image
                      class="img4"
                      v-else
                      src="https://pic.bangbangtongcheng.com/static/guanzhu.png"
                      @click="guanzhu(jjrInfo)"
                    />
                    <view
                      class="guan"
                      style="right: 380rpx"
                      v-if="jjrInfo.whetherCollection == 1"
                      @click="guanzhu(jjrInfo)"
                      >已关注
                    </view>
                    <view class="guan" v-else @click="guanzhu(jjrInfo)">关注</view>
                  </view>
                </view>
                <view class="counselor_bottom">
                  <view class="fen" @click="pf">为TA评分</view>
                  <view class="xin" style="display: flex; align-items: center" @click="pf">
                    <image
                      class="img3"
                      v-for="(item, index) in Number(jjrInfo.score)"
                      :key="index"
                      src="https://pic.bangbangtongcheng.com/static/xin_liang.png"
                    />
                    <image
                      class="img3"
                      v-for="(item, index1) in 5 - jjrInfo.score"
                      :key="index1"
                      src="https://pic.bangbangtongcheng.com/static/xin_hui.png"
                    />
                  </view>
                </view>
              </view>
              <view class="mingpian_right">
                <view
                  class="company"
                  style="margin-bottom: 10rpx"
                  v-if="jjrInfo.isAgent == 1 || jjrInfo.enterpriseRecruitmentStatus == 1"
                  @click="companyDeilta(jjrInfo)"
                >
                  TA的公司
                  <image
                    class="images3"
                    src="https://pic.bangbangtongcheng.com/static/you.png"
                    mode=""
                  ></image>
                </view>
                <view class="company" @click="weiguiClick(jjrInfo.id)">
                  <span style="color: #ef0000">{{ jjrInfo.violationsNumber }}</span
                  >次违规
                  <image
                    class="images3"
                    src="https://pic.bangbangtongcheng.com/static/you.png"
                    mode=""
                  ></image>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <scroll-view scroll-x class="bg-white nav" style="padding: 36rpx 30rpx" scroll-with-animation>
        <view class="tit_t">
          <view
            v-if="jjrInfo.type == 2 || jjrInfo.type == 3 || jjrInfo.type == 4"
            @click="louceng(1)"
            class="tabxx"
            :class="loucengIndex == 1 ? 'xuan' : ''"
            >全部</view
          >
          <view
            v-if="jjrInfo.type == 3 || jjrInfo.type == 4"
            @click="louceng(2)"
            class="tabxx"
            :class="loucengIndex == 2 ? 'xuan' : ''"
            >到店新车</view
          >
          <view
            v-if="jjrInfo.type == 1 || jjrInfo.type == 3 || jjrInfo.type == 4"
            @click="louceng(3)"
            class="tabxx"
            :class="loucengIndex == 3 ? 'xuan' : ''"
            >二手车</view
          >
          <view
            v-if="jjrInfo.type == 3"
            @click="louceng(4)"
            class="tabxx"
            :class="loucengIndex == 4 ? 'xuan' : ''"
            >车系</view
          >
          <view
            v-if="jjrInfo.type == 1 || jjrInfo.type == 2"
            @click="louceng(5)"
            class="tabxx"
            :class="loucengIndex == 5 ? 'xuan' : ''"
            >新房</view
          >
          <view
            v-if="jjrInfo.type == 1 || jjrInfo.type == 2"
            @click="louceng(6)"
            class="tabxx"
            :class="loucengIndex == 6 ? 'xuan' : ''"
            >二手房</view
          >
          <view
            v-if="jjrInfo.type == 1 || jjrInfo.type == 2"
            @click="louceng(7)"
            class="tabxx"
            :class="loucengIndex == 7 ? 'xuan' : ''"
            >出租房</view
          >
          <view
            v-if="jjrInfo.type == 5"
            @click="louceng(8)"
            class="tabxx"
            :class="loucengIndex == 8 ? 'xuan' : ''"
            >服务项目</view
          >
          <view
            @click="louceng(10)"
            class="tabxx"
            v-if="(jjrInfo.businessType != 0 && jjrInfo.isShop == 1) || jjrInfo.businessType == 0"
            :class="loucengIndex == 10 ? 'xuan' : ''"
            >招聘</view
          >
          <view
            v-if="jjrInfo.enterpriseRecruitmentStatus != 1 && jjrInfo.businessType == 0 && haveNote"
            @click="louceng(11)"
            class="tabxx"
            :class="loucengIndex == 11 ? 'xuan' : ''"
            >简历</view
          >
          <view @click="louceng(9)" class="tabxx" :class="loucengIndex == 9 ? 'xuan' : ''"
            >帮友圈</view
          >
        </view>
      </scroll-view>
      <scroll-view
        scroll-y
        @scroll="scroll"
        :class="
          scrollTop > 10 && (loucengIndex == 9 ? list.length >= 2 : list.length > 3)
            ? 'scroll-view'
            : 'scroll-views'
        "
      >
        <view
          class="list"
          v-if="
            (loucengIndex == 1 && jjrInfo.type == 3) ||
            (loucengIndex == 1 && jjrInfo.type == 4) ||
            loucengIndex == 2 ||
            loucengIndex == 3 ||
            loucengIndex == 4
          "
        >
          <view class="liss" v-for="(item, index) in list" :key="index" @click="details(item)">
            <image mode="aspectFit" :src="item.vehicleCoverPicture" />
            <view class="li_2" style="max-width: 336rpx">
              <view class="vehicleRecom">
                <span class="tagLabel">{{
                  item.vehicleType == 1 ? '到店新车' : item.vehicleType == 2 ? '二手车' : '在售车系'
                }}</span>
                <span v-if="item.vehicleType == 2">
                  <text>{{ item.title }}</text>
                  <!-- {{item.vehicleBrandModel.split('|')[0] + ' '}}
									{{item.vehicleBrandModel.split('|')[1]?item.vehicleBrandModel.split('|')[1] + "/":"/"}} -->
                  <!-- {{
                    item.mileage < 10000
                      ? item.mileage + "公里/"
                      : (item.mileage / 10000).toFixed(1) + "万公里/"
                  }}
                  {{ item.licensingTimeYear }} -->
                </span>
                <span v-else>
                  <!-- {{item.vehicleBrandModel.split('|')[0] + ' '}}
									{{item.vehicleBrandModel.split('|')[1]?item.vehicleBrandModel.split('|')[1] + "/":"/"}} -->
                  <text>{{ item.title }}</text>
                  <!-- {{ item.model ? item.model + "/" : "" }}
                  {{
                    item.bodyStructureDoors +
                    "门" +
                    item.bodyStructureSeat +
                    "座" +
                    item.bodyStructureVehicle +
                    "车"
                  }} -->
                </span>
              </view>
              <view class="price" v-if="item.vehicleType == 3"> {{ item.intervalPrice }}万 </view>
              <view class="price" v-else> {{ item.price }}万 </view>
            </view>
          </view>
          <view v-if="list.length == 0" class="none">
            <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
            <view>没有更多数据了</view>
          </view>
          <view class="" style="height: 30rpx"></view>
        </view>
        <view
          class="list"
          v-if="
            (loucengIndex == 1 && jjrInfo.type == 2) ||
            loucengIndex == 5 ||
            loucengIndex == 6 ||
            loucengIndex == 7
          "
        >
          <view class="li" v-for="(item, index) in list" :key="index" @click="fydetails(item)">
            <image
              mode="aspectFit"
              :src="item.displayDiagram ? item.displayDiagram : imgUrl + item.houseImage"
            />
            <view class="li_1">
              <view class="tit">{{ item.title }}</view>
              <view class="neirong_1">
                <view class="neir_css">{{ item.region }}</view>
              </view>
              <view class="neirong_1">
                <view class="neir_css">{{ item.houseType || '' }}</view>
              </view>
              <view class="neirong_1">
                <view class="price neir_css" v-if="item.transactionType == 2"
                  >{{ item.price }}万</view
                >
                <view
                  class="price neir_css"
                  v-if="item.transactionType == 1 && item.price <= 10000"
                >
                  {{ item.price }}元</view
                >
                <view class="price neir_css" v-if="item.transactionType == 1 && item.price > 10000">
                  {{ item.price / 10000 }}万元</view
                >
                <view class="neir_css" style>{{ item.AREA || item.area }}㎡</view>
              </view>
            </view>
          </view>
          <view v-if="list.length == 0" class="none">
            <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
            <view>没有更多数据了</view>
          </view>
          <view class="" style="height: 30rpx"></view>
        </view>
        <view class="list" v-else-if="loucengIndex == 8">
          <view class="lifw" v-for="(item, index) in list" :key="index" @click="fwdetails(item)">
            <image mode="aspectFit" :src="item.coverPhoto" />
            <view class="li_3" style="max-width: 336rpx">
              <view class="servicesAvailable">{{ item.title }}</view>
              <view class="serviceContent">
                {{ item.entryDescription }}
              </view>
            </view>
          </view>
          <view v-if="list.length == 0" class="none">
            <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
            <view>没有更多数据了</view>
          </view>
          <view class="" style="height: 30rpx"></view>
        </view>
        <view class="list" v-else-if="loucengIndex == 10">
          <view class="vacancy" v-for="(item, index) in list" :key="index" @click="zpdetails(item)">
            <view class="vehicleRecom">
              <span class="tagLabel">{{ item.recruitmentType == 1 ? '全职' : '兼职' }}</span>
              <span>{{ item.title }}</span>
            </view>
            <view class="vacancy_center">
              <view class="vacancy_status">
                <span>{{ item.region }}</span>
                <span>{{ item.positionCategory }}</span>
              </view>
              <view class="vacancy_price" v-if="item.recruitmentType == 1">
                {{ item.salaryRange == '面议' ? '面议' : item.salaryRange + '元' }}</view
              >
              <view class="vacancy_price" v-else>
                {{ item.salaryRange.split(',').join('') }}&emsp;{{ item.settlementMethod }}</view
              >
            </view>
            <view class="vacancy_biaoq" v-if="item.fringeBenefits">
              <view class="vacancy_label">
                <view class="shade"> </view>
                <view class="label" v-for="(i, j) in item.fringeBenefits.split(',')" :key="j"
                  >{{ i }}
                </view>
              </view>
              <view class="gend" v-if="item.fringeBenefits.split(',').length > 4"> 更多> </view>
            </view>
            <view class="personalInformation">
              <view class="personalInformation_left">
                <view class="GR">
                  <image
                    class="personalInformation_image"
                    v-if="item.userInformationDto.image"
                    :src="item.userInformationDto.image"
                    mode=""
                  ></image>
                  <image
                    class="personalInformation_image"
                    v-else
                    src="https://pic.bangbangtongcheng.com/static/my/header.png"
                    mode=""
                  ></image>
                  <span class="name">{{
                    item.userInformationDto.nikeName
                      ? item.userInformationDto.nikeName
                      : '未命名用户'
                  }}</span>
                </view>
                <view class="GS" v-if="item.userInformationDto.enterpriseRecruitmentStatus">
                  <view class="personalInformation_image"></view>
                  <span class="corporation">{{ item.enterpriseName }}</span>
                </view>
              </view>
              <view class="personalInformation_right">
                <span class="personalInformation_Time">{{
                  $Time.getDateDiff(item.createDate)
                }}</span>
              </view>
            </view>
          </view>
          <view v-if="list.length == 0" class="none">
            <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
            <view>没有更多数据了</view>
          </view>
          <view class="" style="height: 30rpx"></view>
        </view>
        <view class="list" v-else-if="loucengIndex == 11">
          <view
            class="resume"
            v-for="(item, index) in list"
            :key="item.id"
            @click="JLdetails(item)"
          >
            <view class="title" :style="'color:' + (item.active ? '#adadad' : '#333333')"
              >{{ item.resumeTitle }}
            </view>
            <view class="occupation">
              <span
                class="occupation_text"
                :key="index1"
                v-for="(item1, index1) in item.intendedPosition.split(',')"
                >{{ item1 }}</span
              >
            </view>
            <view class="hands-on">
              <span>{{ item.experienceYears }}工作经验·</span>
              <span>{{ item.highestEducation.split(' ')[0] }}</span>
            </view>
            <view class="individual">
              <view class="individual_left">
                <view class="name">
                  {{ item.userInformation.nikeName ? item.userInformation.nikeName : '未命名用户' }}
                </view>
                {{ item.userInformation.memberLevel }}
                <!-- <text
                  class="vip-rank"
                  v-if="item.userInformation.memberLevel"
                  :style="{
                    color: $member.colors()[item.userInformation.memberLevel - 1]
                      .wordColor,
                    backgroundColor: $member.colors()[
                      item.userInformation.memberLevel - 1
                    ].bgColor,
                    borderColor: $member.colors()[item.userInformation.memberLevel - 1]
                      .lineColor,
                  }"
                >
                  {{ item.memberTitle }}
                </text> -->
              </view>
              <view v-if="item.latitude" class="individual_right">
                {{ item.distance ? item.distance + 'km' : '' }}
              </view>
            </view>
          </view>
          <view v-if="list.length == 0" class="none">
            <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
            <view>没有更多数据了</view>
          </view>
          <view class="" style="height: 30rpx"></view>
        </view>
        <view class="circle" v-else-if="loucengIndex == 9 && lodings">
          <view
            class="circle_item"
            v-for="(item, index) in list"
            :key="item.id"
            @click="byqdetails(item.id)"
          >
            <view class="headPortrait" @click.stop="userfy(item)">
              <image
                class="img1"
                v-if="!item.userInfo.image"
                src="https://pic.bangbangtongcheng.com/static/my/header.png"
              />
              <image class="img1" :src="item.userInfo.image" v-else />
            </view>
            <view style="flex: 1">
              <view class="mingpians">
                <view class="mingpians_left">
                  <view class="counselor">
                    <view class="counselor_top">
                      <view class="name">{{ item.userInfo.nikeName || '未命名用户' }}</view>
                    </view>
                    <text
                      v-if="item.userInfo.memberLevel"
                      class="vip-rank"
                      :style="{
                        color: $member.colors()[item.userInfo.memberLevel - 1].wordColor,
                        backgroundColor: $member.colors()[item.userInfo.memberLevel - 1].bgColor,
                        borderColor: $member.colors()[item.userInfo.memberLevel - 1].lineColor,
                      }"
                    >
                      {{ $member.colors()[item.userInfo.memberLevel - 1].level }}
                    </text>
                  </view>
                </view>
                <view class="mingpians_right">
                  <view class="item" @click.stop="guanzhubyq(item, index)">
                    <image
                      class="image1"
                      v-if="item.whetherCollection == 0"
                      src="https://pic.bangbangtongcheng.com/static/bbcz/guanzhu.png"
                      mode=""
                    >
                    </image>
                    <image
                      v-else
                      class="image1"
                      src="https://pic.bangbangtongcheng.com/static/bbcz/guanzhu01.png"
                      mode=""
                    >
                    </image>
                    <view class="">
                      {{ item.whetherCollection == 0 ? '收藏' : '已收藏' }}
                    </view>
                  </view>
                </view>
              </view>
              <view class="circle_center_wz">
                <view class="circle_center_wz_text">
                  {{ item.content }}
                </view>
                <view class="circle_center_wz_img">
                  <!-- 发布为图片 -->
                  <template v-if="item.picture">
                    <view v-if="item.pictureArr.length == 1">
                      <image
                        class="circle_center_wz_imgss"
                        mode="heightFix"
                        :src="item.pictureArr[0]"
                        @click.stop="ViewImage(item.pictureArr, item.pictureArr[0])"
                      ></image>
                    </view>
                    <view
                      :class="
                        item.pictureArr.length > 2
                          ? 'circle_center_wz_imgss_d'
                          : 'circle_center_wz_imgss_ds'
                      "
                      v-else
                    >
                      <image
                        class="image"
                        v-for="(i, j) in item.pictureArr"
                        :src="i"
                        :key="j"
                        mode="aspectFill"
                        @click.stop="ViewImage(item.pictureArr, item.pictureArr[j])"
                      ></image>
                    </view>
                  </template>
                  <!-- 发布为视频 -->
                  <template v-if="item.video">
                    <view class="circle_center_wz_img_vid" @click.stop="videoClick(item.video)">
                      <image
                        style="max-height: 290rpx"
                        :src="item.video + '?vframe/jpg/offset/0'"
                        mode="heightFix"
                      >
                      </image>
                      <image
                        class="images"
                        src="https://pic.bangbangtongcheng.com/static/bbcz/mdlb-sp01.png"
                        mode=""
                      ></image
                      ><strong></strong>
                    </view>
                  </template>
                </view>
              </view>
              <view
                style="
                  width: 100%;
                  display: flex;
                  align-items: center;
                  margin-left: 30rpx;
                  margin-top: 20rpx;
                "
                @click.stop="openMap(item)"
                v-if="item.detailedAddress"
              >
                <image
                  style="width: 40rpx; height: 40rpx"
                  src="https://pic.bangbangtongcheng.com/static/bbcz/dingwei01.png"
                  mode=""
                ></image>
                <view
                  style="
                    width: 500rpx;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                  "
                >
                  {{ item.detailedAddress.slice(3, item.detailedAddress.length) }}</view
                >
              </view>
              <view class="circle_bottom">
                <view class="circle_left">
                  {{ $Time.getDateDiff(item.createDate) }}
                </view>
                <view class="circle_right">
                  <view class="circle_right_item">
                    <image
                      class="image2"
                      src="https://pic.bangbangtongcheng.com/static/bbcz/eye01.png"
                      mode=""
                    >
                    </image
                    >{{ item.views || 0 }}
                  </view>
                  <view class="circle_right_item" @click.stop="dianzan(item, index, 1)">
                    <image
                      class="image3"
                      src="https://pic.bangbangtongcheng.com/static/bbcz/dz01.png"
                      mode=""
                      v-if="item.whetherThumbsUp != 1"
                    ></image>
                    <image
                      class="image3"
                      src="https://pic.bangbangtongcheng.com/static/dz01.png"
                      mode=""
                      v-else
                    ></image>
                    {{ item.upThumb }}
                  </view>
                  <view class="circle_right_item" @click.stop="diancai(item, index, 2)">
                    <image
                      class="image3"
                      style="width: 38rpx; height: 36rpx"
                      src="https://pic.bangbangtongcheng.com/static/bbcz/dc01.png"
                      mode=""
                      v-if="item.whetherThumbsDown != 1"
                    ></image>
                    <image
                      class="image3"
                      style="width: 38rpx; height: 36rpx"
                      src="https://pic.bangbangtongcheng.com/static/bbcz/dc02.png"
                      mode=""
                      v-else
                    >
                    </image>
                    {{ item.downThumb }}
                  </view>
                  <view class="circle_right_item">
                    <image
                      class="image4"
                      src="https://pic.bangbangtongcheng.com/static/bbcz/zf01.png"
                      mode=""
                    >
                    </image
                    >{{ item.forwardingVolume }}
                  </view>
                </view>
              </view>
            </view>
          </view>
          <view v-if="list.length == 0" class="none">
            <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
            <view>没有更多数据了</view>
          </view>
          <view class="" style="height: 30rpx"></view>
        </view>

        <view class="disclaimer1" v-show="scrollTop != 0 && list.length != 0">
          {{ disclaimers }}
        </view>
      </scroll-view>
      <view class="disclaimer" v-show="showStatement && scrollTop == 0">
        {{ disclaimers }}
      </view>
      <!--      <view class="bottom">
        <view class="but1" @click="getPhone">
          <image src="https://pic.bangbangtongcheng.com/static/dianhua_b.png" />电话
        </view>
        <view class="but2" @click="chat">在线聊天</view>
      </view> -->
      <view class="window" @click="pfT = !pfT" v-if="pfT">
        <view class="kuangs" @click.stop="pfT = pfT">
          <view class="title">点击为TA评分</view>
          <view class="starBox">
            <image
              class="img3"
              v-for="item in starNum"
              :key="item"
              src="https://pic.bangbangtongcheng.com/static/xin_liang.png"
              @click="changeStar(item)"
            />
            <image
              class="img3"
              v-for="item in 5 - starNum"
              :key="item + starNum"
              @click="changeStar(starNum + item)"
              src="https://pic.bangbangtongcheng.com/static/xin_hui.png"
            />
          </view>
          <view class="botton" @click="submit">提交</view>
        </view>
      </view>
      <previewImgV ref="previewImgV"></previewImgV>
      <uniBall></uniBall>
    </template>
    <dLoading v-if="loding"></dLoading>
  </view>
</template>
<script>
  import permision from '@/js_sdk/wa-permission/permission.js'
  import { mapGetters } from 'vuex'
  let statusBarHeight
  //#ifdef H5
  import wxshare from '../../utils/index.js'
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10 + 44
  //#endif
  // #ifdef APP-PLUS
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10 + 44
  //  #endif
  // #ifdef MP-WEIXIN
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 5 + 88
  //  #endif
  import previewImgV from '@/components/previewImgV.vue'
  export default {
    data() {
      return {
        /* 页面栈 */
        currentPage: null,
        routeType: -1, // 用于区分调用浏览的类型 1为房源 2为车源
        statusBarHeight,
        loucengIndex: 1,
        jjrInfo: {},
        jjrInfo_user: {},
        userInfo: uni.getStorageSync('Pduser'),
        list: [],
        imgUrl: this.$imgSrc,
        transactionType: '',
        newOld: '',
        isCollection: '',
        pfT: false,
        haveNote: false,
        starNum: 5,
        userId: '',
        vehicleType: '',
        loding: true,
        lodings: false,
        index: '',
        colors: [
          {
            bgColor: '#E9EFEF',
            wordColor: '#60807D',
            lineColor: '#B6C4C3',
            level: '青铜会员',
          },
          {
            bgColor: '#F7F7F7',
            wordColor: '#A3AAB0',
            lineColor: '#D2D9E0',
            level: '白银会员',
          },
          {
            bgColor: '#FFF8DE',
            wordColor: '#CEAB21',
            lineColor: '#D3CAB2',
            level: '黄金会员',
          },
          {
            bgColor: '#EDFAFF',
            wordColor: '#59B0E6',
            lineColor: '#BBD0DB',
            level: '铂金会员',
          },
          {
            bgColor: '#F2F5FF',
            wordColor: '#284EB6',
            lineColor: '#C1CBEF',
            level: '钻石会员',
          },
          {
            bgColor: '#FDF7FF',
            wordColor: '#A877C6',
            lineColor: '#DBC6E8',
            level: '钻石Ⅰ会员',
          },
          {
            bgColor: '#F8F2FF',
            wordColor: '#78439F',
            lineColor: '#958AC3',
            level: '钻石Ⅱ会员',
          },
          {
            bgColor: '#F4F2F2',
            wordColor: '#8D4581',
            lineColor: '#907B8C',
            level: '钻石Ⅲ会员',
          },
          {
            bgColor: '#F4F2F2',
            wordColor: '#502E30',
            lineColor: '#795D5E',
            level: '王者会员',
          },
        ],
        disclaimers: '',
        transactionType: '',
        newOld: '',
        scrollTop: '0',
        showStatement: true,
        scrollTime: null,
        queryType: '',
        type: '',
      }
    },
    async onLoad(options) {
      console.log(options)
      this.currentPage = getCurrentPages()
      this.userId = options.userId
      if (options.routeType) this.routeType = options.routeType
      if (options.index) {
        this.index = options.index
      }
      if (options.type) {
        this.type = options.type
      }
      await this.getjjr()
      if (options.showTab) {
        this.queryType = options.showTab
        // this.loucengIndex = options.showTab * 1;
      }
      this.getBiographicalNotes(true)
      this.lljl()
      this.Disclaimers()
      /* #ifdef H5 */
      this.jinzhi()
      /* #endif */
    },
    components: {
      previewImgV: previewImgV,
    },
    computed: {
      ...mapGetters(['userid', 'islogin', 'statusBarHeight1', 'userinfo']),
    },
    methods: {
      fn() {
        console.log('点击分享')
        // console.log(jjrInfo.nikeName || '未命名用户','发送的标题')
        uni.showActionSheet({
          itemList: ['分享到微信好友', '分享到微信朋友圈'],
          success: (res) => {
            this.addIntegral(3)
            console.log(res)
            let wsxcene = null
            if (res.tapIndex == 0) {
              wsxcene = 'WXSceneSession'
              uni.share({
                provider: 'weixin',
                scene: wsxcene,
                type: 5,
                title: this.jjrInfo.nikeName || '未命名用户',
                // href: "https://www.bangbangtongcheng.com/conven_web/#/pages/houses/housesDetails?id=" +
                //   this.id,
                imageUrl:
                  this.jjrInfo.image || 'https://pic.bangbangtongcheng.com/static/my/header.png',
                miniProgram: {
                  id: 'gh_c8b17811efca',
                  path: 'pages_owner/dealer/goldConsultant?userId=' + this.userId,
                  type: 0,
                  webUrl:
                    'https://www.bangbangtongcheng.com/conven_web/#/pages_owner/dealer/goldConsultant?userId=' +
                    this.userId,
                },
                // summary: "我正在看，" + jjrInfo.nikeName || '未命名用户' + "赶紧跟我一起来查看！",
                success: function (res) {
                  console.log('success:' + JSON.stringify(res))
                },
                fail: function (err) {
                  console.log('fail:' + JSON.stringify(err))
                },
              })
            } else {
              // wsxcene = "WXSceneTimeline";
              // uni.share({
              //   provider: "weixin",
              //   scene: wsxcene,
              //   type: 0,
              //   title: jjrInfo.nikeName || '未命名用户',
              //   href: "https://www.bangbangtongcheng.com/conven_web/#/pages/houses/housesDetails?id=" +
              //     this.id,
              //   imageUrl: this.jjrInfo.image || 'https://pic.bangbangtongcheng.com/static/my/header.png',
              //   summary: "我正在看，" + jjrInfo.nikeName || '未命名用户' + "赶紧跟我一起来查看！",
              //   success: function (res) {
              //     console.log("success:" + JSON.stringify(res));
              //   },
              //   fail: function (err) {
              //     console.log("fail:" + JSON.stringify(err));
              //   }
              // });
              uni.downloadFile({
                url: this.jjrInfo.image || 'https://pic.bangbangtongcheng.com/static/my/header.png', //仅为示例，并非真实的资源
                success: (res) => {
                  if (res.statusCode === 200) {
                    let name = res.tempFilePath.substr(res.tempFilePath.lastIndexOf('/') + 1) //截取文件名
                    plus.zip.compressImage(
                      {
                        src: res.tempFilePath, //下载完图片的临时路径
                        dst: '_doc/photoData/' + name, //存储压缩完图片的临时路径
                        overwrite: true, //再次压缩会覆盖掉上次的目录
                        width: '150px', //缩放图片的宽度
                        height: '100px', //缩放图片的高度
                        quality: 5, //压缩图片质量,值越低,图片占内存越低
                      },
                      (event) => {
                        //压缩成功
                        wsxcene = 'WXSceneTimeline'
                        uni.share({
                          provider: 'weixin',
                          scene: wsxcene,
                          type: 0,
                          title: this.jjrInfo.nikeName || '未命名用户',
                          href:
                            'https://www.bangbangtongcheng.com/conven_web/#/pages_owner/dealer/goldConsultant?userId=' +
                            this.userId,
                          imageUrl: event.target,
                          summary:
                            '我正在看，' + this.jjrInfo.nikeName || '未命名用户' + '的个人空间',
                          success: function (res) {
                            console.log('success:' + JSON.stringify(res))
                          },
                          fail: function (err) {
                            console.log('fail:' + JSON.stringify(err))
                          },
                        })
                      },
                      (error) => {
                        //压缩失败
                        uni.showToast({
                          title: '压缩失败',
                          icon: 'none',
                        })
                      }
                    )
                  }
                },
              })
            }
          },
          fail: function (res) {
            console.log(res.errMsg)
          },
        })
      },
      scroll(e) {
        this.scrollTop = e.target.scrollTop
        this.showStatement = false
        if (this.scrollTime) clearTimeout(this.scrollTime)
        this.scrollTime = setTimeout(() => {
          this.showStatement = true
          clearTimeout(this.scrollTime)
        }, 1000)
      },
      ViewImages(url) {
        let arr = []
        arr.push(url)
        uni.previewImage({
          urls: arr,
          current: url,
        })
      },
      // 免责声明
      Disclaimers() {
        this.$myRequest
          .get('/api/mobile/public/getDisclaimersByDisclaimerLocation', {
            disclaimerLocation: '6',
          })
          .then((res) => {
            this.disclaimers = res.Disclaimers.disclaimerContent
          })
      },
      // 点击会员
      goMyLevel() {
        uni.navigateTo({
          url: '/pages_my/bangClub',
        })
      },
      lljl() {
        if (!this.userInfo.phone) {
          return
        }
        /* 安巢用户添加 */
        if (this.routeType == 1) {
          this.$myRequest
            .post('/mob/user/saveUserCollection', {
              userId: this.userInfo.id,
              relationId: this.userId,
              type: '2',
              cbType: '3',
            })
            .then((res) => {})
        } else if (this.routeType == 2) {
          this.$myRequest
            .post('/api/mobile/public/increaseBrowsingRecord', {
              browseRecordId: this.userId,
              viewersId: this.userInfo.id,
              businessType: 2,
              browsingRecords: 1,
            })
            .then((res) => {})
        }
      },
      // 增加帮帮豆
      addIntegral(val, title) {
        this.$myRequest
          .post('/mob/iteration/addIntegral', {
            userId: this.userInfo.id,
            ruleNumber: val,
            title,
          })
          .then((res) => {})
      },
      byqdetails(id) {
        uni.navigateTo({
          url: '/pages_owner/my/friendsCircleDetails?id=' + id,
        })
      },
      ViewImage(url, urls) {
        uni.previewImage({
          urls: url,
          current: urls,
        })
      },
      videoClick(e) {
        this.$refs.previewImgV.open(e)
      },
      // 关注帮友圈
      guanzhubyq(item, index) {
        if (!this.showLogin()) {
          return
        }
        let that = this
        this.$myRequest
          .post('/api/mobile/vehicleOwner/collectionOrCancelCollection', {
            collectorId: this.userInfo.id,
            relationId: item.id,
            collectionType: '3',
            ids: item.collectionAttention ? item.collectionAttention.id : '',
          })
          .then((res) => {
            uni.showToast({
              title: res.msg,
              icon: 'none',
              mask: true,
            })
            if (item.whetherCollectio == 0) {
              this.addIntegral(5, '关注帮友圈')
            }
            this.gainByqData(item.id, index)
          })
      },
      // 点赞帮友圈
      dianzan(item, index, pd) {
        if (!this.showLogin()) {
          return
        }
        let that = this
        let data = {}
        if (item.whetherThumbsUp != 1) {
          data = {
            userId: this.userInfo.id,
            circleId: item.id,
            type: pd,
          }
        } else {
          data = {
            userId: this.userInfo.id,
            circleId: item.id,
            id: item.likeRecord ? item.likeRecord.id : '',
            type: pd,
          }
        }
        this.$myRequest.post('/api/mobile/vehicleOwner/upperOrCancelThumb', data).then((res) => {
          uni.showToast({
            title: res.msg,
            icon: 'none',
            mask: true,
          })
          if (item.whetherThumbsUp == 0) {
            this.addIntegral(6, '点赞')
          }
          this.getByq()
        })
      },
      diancai(item, index, pd) {
        if (!this.showLogin()) {
          return
        }
        let that = this
        let data = {}
        if (item.whetherThumbsDown != 1) {
          data = {
            userId: this.userInfo.id,
            circleId: item.id,
            type: pd,
          }
        } else {
          data = {
            userId: this.userInfo.id,
            circleId: item.id,
            id: item.likeRecord ? item.likeRecord.id : '',
            type: pd,
          }
        }
        this.$myRequest.post('/api/mobile/vehicleOwner/downOrCancelThumb', data).then((res) => {
          uni.showToast({
            title: res.msg,
            icon: 'none',
            mask: true,
          })
          this.getByq()
        })
      },
      companyDeilta(item) {
        if (item.businessType == 1) {
          uni.navigateTo({
            url: '/pages_intermediary/shopDetails?id=' + item.shopId,
          })
        } else if (item.businessType == 2) {
          if (item.shopType == 1 || item.shopType == 2) {
            uni.navigateTo({
              url: '/pages_owner/dealer/dealerDetails?id=' + item.shopId,
            })
          } else {
            uni.navigateTo({
              url: '/pages_owner/ownerService/ownerServiceDetails?id=' + item.shopId,
            })
          }
        } else {
          uni.navigateTo({
            url: '/pages_recruitMoney/recruitmentDetails/companyDetails?userId=' + item.id,
          })
        }
      },
      weiguiClick(id) {
        uni.navigateTo({
          url: '/pages_intermediary/illegalBehavior?id=' + id,
        })
      },
      louceng(num) {
        this.loucengIndex = num
        this.list = []
        if (num == 1) {
          if (this.jjrInfo.type == 2) {
            this.transactionType = ''
            this.newOld = ''
            this.getfyPers()
          } else if (this.jjrInfo.type == 3) {
            // 车源商家
            this.vehicleType = ''
            this.getPers()
          } else if (this.jjrInfo.type == 4) {
            this.vehicleType = '1,2'
            this.getPers()
          }
        } else if (num == 2) {
          this.vehicleType = 1
          this.getPers()
        } else if (num == 3) {
          this.vehicleType = 2
          this.getPers()
        } else if (num == 4) {
          this.vehicleType = 3
          this.getPers()
        } else if (num == 5) {
          this.transactionType = '2'
          this.newOld = '1'
          this.getfyPers()
        } else if (num == 6) {
          this.transactionType = '2'
          this.newOld = '2'
          this.getfyPers()
        } else if (num == 7) {
          this.transactionType = '1'
          this.newOld = ''
          this.getfyPers()
        } else if (num == 8) {
          // 服务项目
          this.getfwPers()
        } else if (num == 9) {
          this.lodings = false
          uni.showLoading({
            title: '加载中',
            mask: false,
          })
          this.getByq()
        } else if (num == 10) {
          this.getRecruit()
        } else if (num == 11) {
          this.getBiographicalNotes()
        }
      },
      chat() {
        if (!this.showLogin()) {
          return
        }
        if (this.userInfo.id == this.jjrInfo.id) {
          uni.showToast({
            title: '当前聊天用户为自己,请更换！',
            icon: 'none',
            mask: true,
          })
          return
        }
        uni.navigateTo({
          url: `/pages/news/chat1?receiver=${this.jjrInfo.id}&img=${this.jjrInfo.image}&nikeName=${
            this.jjrInfo.nikeName || this.jjrInfo.realName
          }`,
        })
      },
      changeStar(num) {
        this.starNum = num
      },
      pf() {
        if (!this.showLogin()) {
          return
        }
        this.pfT = !this.pfT
      },
      getjjr() {
        let that = this
        this.$myRequest
          .get('/api/mobile/public/getPersonalHome', {
            otherId: this.userId,
            ownerId: this.userInfo.id,
          })
          .then((res) => {
            let obj = res.personalHomeData
            // 判断身份状态
            if (obj.businessType == '0' || obj.businessType == '') {
              // 用户为普通人
              obj.type = 1
            } else if (obj.businessType == 1) {
              if (obj.shopType == 1) {
                // 用户为房源商家、经纪人
                obj.type = 2
              }
            } else if (obj.businessType == 2) {
              if (obj.shopType == 1 || obj.shopType == 2) {
                if (obj.isShop == 1) {
                  // 用户为车源商家
                  obj.type = 3
                } else {
                  // 用户为车源经纪人
                  obj.type = 4
                }
              } else {
                // 用户为车源服务商
                obj.type = 5
              }
            }
            that.jjrInfo = obj
            that.$nextTick(() => {
              setTimeout(() => {
                this.loding = false
              }, 1000)
            })
            if (this.queryType != '') {
              this.louceng(this.queryType)
              return
            }
            if (obj.type == 1) {
              /* 客户需求，点击看ta招聘直接切换招聘tab */
              if (this.loucengIndex === 10) {
                this.louceng(this.loucengIndex)
              } else {
                this.loucengIndex = 3
                this.vehicleType = 2
                this.getPers()
              }
            } else if (obj.type == 2) {
              this.transactionType = ''
              this.newOld = ''
              this.getfyPers()
            } else if (obj.type == 3) {
              // 车源商家
              this.vehicleType = ''
              this.getPers()
            } else if (obj.type == 4) {
              this.vehicleType = '1,2'
              this.getPers()
            } else if (obj.type == 5) {
              // 查服务
              this.loucengIndex = 8
              this.getfwPers()
            }
          })
      },
      jinzhi() {
        let _this = this
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            _this.jinzhifx(re.data)
          },
        })
      },
      jinzhifx(data) {
        wxshare.config({
          debug: false, //是否打开调试
          appId: data.appId, // 公众号的唯一标识
          timestamp: data.timestamp, // 生成签名的时间戳
          nonceStr: data.nonce, // ，生成签名的随机串
          signature: data.signature, // 签名
          jsApiList: ['hideMenuItems'],
        })
        // 禁止分享
        wxshare.hideMenuItems({
          // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
          menuList: [
            'menuItem:share:appMessage',
            'menuItem:share:timeline',
            'menuItem:share:timeline',
            'menuItem:share:qq',
            'menuItem:favorite',
            'menuItem:share:QZone',
            'menuItem:openWithSafari',
          ],
        })
      },
      openMap(item) {
        let that = this
        /* #ifdef H5 */
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            uni.hideLoading()
            wxshare.config({
              debug: false, //是否打开调试
              appId: re.data.appId, // 公众号的唯一标识
              timestamp: re.data.timestamp, // 生成签名的时间戳
              nonceStr: re.data.nonce, // ，生成签名的随机串
              signature: re.data.signature, // 签名
              jsApiList: ['openLocation'],
            })
            wxshare.ready(function () {
              wxshare.openLocation({
                latitude: Number(item.latitude), //目的地latitude
                longitude: Number(item.longitude), //目的地longitude
                // name: that.data.title,
                // address: that.data.address,
                scale: 15, //地图缩放大小，可根据情况具体调整
              })
            })
          },
        })
        /* #endif */
        /* #ifndef H5 */
        uni.openLocation({
          latitude: Number(item.latitude),
          longitude: Number(item.longitude),
          name: item.detailedAddress,
          success: function () {
            console.log('success')
          },
        })
        /* #endif */
      },
      submit() {
        let that = this
        this.$myRequest
          .post('/mob/user/saveScoreInfo', {
            userId: this.userInfo.id,
            score: this.starNum,
            agentId: this.jjrInfo.id,
            businessType: 2,
          })
          .then((res) => {
            if (res.code == 200) {
              uni.showToast({
                title: res.msg,
                icon: 'none',
              })
              this.pfT = false
              this.getjjr()
            }
          })
      },
      async getPhone() {
        if (!this.showLogin()) {
          return
        }
        if (this.userInfo.id == this.jjrInfo.id) {
          uni.showToast({
            title: '当前拨打用户为自己,请更换！',
            icon: 'none',
            mask: true,
          })
          return
        }
        this.onphone()
      },
      onphone() {
        uni.makePhoneCall({
          // 手机号
          phoneNumber: this.jjrInfo.phone,
          // 成功回调
          success: (res) => {
            console.log('调用成功!')
            if (this.jjrInfo.businessType == 1) {
              this.$myRequest
                .post('/mob/user/call', {
                  userId: this.userInfo.id,
                  telephoneNumber: this.jjrInfo.phone,
                  associationId: this.jjrInfo.id,
                  type: 3,
                })
                .then((res) => {})
            } else {
              this.$myRequest
                .post('/api/mobile/public/increaseCallRecord', {
                  userId: this.userInfo.id,
                  businessType: this.jjrInfo.businessType,
                  telephoneNumber: this.jjrInfo.phone,
                  associationId: this.jjrInfo.id,
                  callType: 1,
                })
                .then((res) => {})
            }
          },

          // 失败回调
          fail: (res) => {
            console.log('调用失败!')
          },
        })
      },
      guanzhu(item) {
        if (!this.showLogin()) {
          return
        }
        if (this.userInfo.id == item.id) {
          uni.showToast({
            title: '当前关注用户为自己，请更换！',
            icon: 'none',
            mask: true,
          })
          return
        }
        let that = this
        if (item.businessType == 2) {
          this.$myRequest
            .post('/api/mobile/vehicleOwner/collectionOrCancelCollection', {
              collectorId: this.userInfo.id,
              relationId: item.id,
              collectionType: '1',
              ids: this.jjrInfo.collectionAttention ? this.jjrInfo.collectionAttention.id : '',
            })
            .then((res) => {
              uni.showToast({
                title: res.msg,
                icon: 'none',
                mask: true,
              })
              if (!this.jjrInfo.whetherCollection) {
                this.addIntegral(5, '关注用户')
              }
              this.getjjr()
            })
        } else {
          this.$myRequest
            .post('/mob/user/saveUserCollection', {
              userId: this.userInfo.id,
              relationId: item.id,
              type: '1',
              cbType: '3',
              cancel: this.jjrInfo.collectionBrowsing ? '1' : '',
            })
            .then((res) => {
              uni.showToast({
                title: res.msg,
                icon: 'none',
                mask: true,
              })
              if (!this.jjrInfo.whetherCollection) {
                this.addIntegral(5, '关注用户')
              }
              this.getjjr()
            })
        }
      },
      gainByqData(id, index) {
        this.$myRequest
          .get('/api/mobile/vehicleOwner/queryHelpingFriendsCircleDetailsById', {
            id: id,
            userId: this.userInfo.id,
          })
          .then((res) => {
            if (res.msg == '该帮友圈已删除！') {
              uni.showToast({
                title: res.msg,
                icon: 'none',
                mask: true,
              })
              this.list.splice(index, 1)
              return
            }
            this.list.splice(index, 1, res.helpingFriendsCircleDetails)
            // this.$set(this.WatchList, index, res.helpingFriendsCircleDetails)
          })
      },
      // 获取招聘
      getRecruit() {
        let that = this
        this.$myRequest
          .get('/api/mobile/personnelOwner/getRecruitmentPosition', {
            userId: this.userId,
            pageSize: 999,
            pageNo: 1,
          })
          .then((res) => {
            this.list = res.recruitment.pageList
          })
      },
      // 获取简历
      async getBiographicalNotes(type) {
        this.$myRequest
          .get('/api/mobile/personnelOwner/getResumeDetails', {
            publisherId: this.userId,
            shelfStatus: 1,
          })
          .then((res) => {
            if (res.biographicalNotesDetails) {
              if (type) {
                this.haveNote = true
              } else {
                if (res.biographicalNotesDetails.id) {
                  if (res.biographicalNotesDetails.userInformation.id != this.userInfo.id) {
                    if (res.biographicalNotesDetails.visibleRange == 2) {
                      if (this.userInfo.enterpriseRecruitmentStatus == 1) {
                        this.list.push(res.biographicalNotesDetails)
                      }
                    } else if (
                      res.biographicalNotesDetails.visibleRange == 3 &&
                      this.userInfo.enterpriseRecruitmentStatus == 1
                    ) {
                      this.getRecruits(
                        res.biographicalNotesDetails.intendedPosition,
                        res.biographicalNotesDetails
                      )
                    } else {
                      this.list.push(res.biographicalNotesDetails)
                    }
                  } else {
                    this.list.push(res.biographicalNotesDetails)
                  }
                }
              }
            }
          })
      },
      getRecruits(position, list) {
        this.$myRequest
          .get('/api/mobile/personnelOwner/getWhetherPublishedRecruitment', {
            userId: this.userInfo.id,
            recruitmentType: 1,
            position: position,
          })
          .then((res) => {
            if (res.whetherExistPublishedRecruitment == 1) {
              this.list.push(list)
            }
          })
      },
      getfwPers() {
        let that = this
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getPersonalHomeOwnerServices', {
            userId: this.userId,
            pageSize: 999,
            pageNo: 1,
          })
          .then((res) => {
            this.list = res.ownerServiceList.pageList
          })
      },
      getPers() {
        let that = this
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getVehicleInformation', {
            userId: this.userId,
            pageSize: 999,
            pageNo: 1,
            vehicleType: this.vehicleType,
          })
          .then((res) => {
            this.list = res.vehicleInformation.pageList
          })
      },
      getfyPers() {
        let that = this
        this.$myRequest
          .get('/mob/user/getPersonalHouseInfo', {
            userId: this.userId,
            pageSize: 999,
            pageNo: 1,
            transactionType: this.transactionType,
            newOld: this.newOld,
          })
          .then((res) => {
            res.page.list.forEach((el) => {
              if (el.houseImage) {
                el.houseImage = el.houseImage.split('|')[0]
              }
            })
            this.list = res.page.list
          })
      },
      getByq() {
        let that = this
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getHelpingFriendsCircleByPublisher', {
            publisherId: this.userId,
            userId: this.userInfo.id,
            pageSize: 999,
            pageNo: 1,
          })
          .then((res) => {
            res.helpingFriendsCircleList.pageList.forEach((item) => {
              if (item.picture) {
                let arr = item.picture.split('|')
                let pictureArr = []
                arr.forEach((el) => {
                  pictureArr.push(el)
                })
                item.pictureArr = pictureArr
              }
            })
            this.list = res.helpingFriendsCircleList.pageList
            uni.hideLoading()
            this.lodings = true
          })
      },
      details(item) {
        if (item.vehicleType == 3) {
          uni.navigateTo({
            url: '/pages_owner/index/carSeriesDetails?id=' + item.id,
          })
        } else {
          uni.navigateTo({
            url: '/pages_owner/index/vehicleDetails?id=' + item.id,
          })
        }
      },
      fydetails(item) {
        uni.navigateTo({
          url: '/pages_houses/housing/used/houseDetails?id=' + item.id,
        })
      },
      fwdetails(item) {
        uni.navigateTo({
          url: '/pages_owner/ownerService/servicesAvailableDetails?id=' + item.id,
        })
      },
      zpdetails(item) {
        if (item.recruitmentType == '1') {
          uni.navigateTo({
            url: '/pages_recruitMoney/recruitmentDetails/fullTime?id=' + item.id,
          })
        } else {
          uni.navigateTo({
            url: '/pages_recruitMoney/recruitmentDetails/concurrently?id=' + item.id,
          })
        }
      },
      JLdetails(item) {
        uni.navigateTo({
          url: '/pages_recruitMoney/recruitmentDetails/resumeDetails?id=' + item.id,
        })
      },
      fanhui() {
        if (this.currentPage.length >= 2) {
          uni.navigateBack({
            delta: 1,
          })
        } else {
          uni.switchTab({
            url: '/pages/index/index',
          })
        }
      },
    },
  }
</script>
<style lang="less" scoped>
  .vip-rank {
    padding: 3rpx 10rpx;
    margin: 0 18rpx 0 0;
    background: #f6f0ff;
    border-radius: 6rpx 6rpx 6rpx 6rpx;
    opacity: 1;
    border: 2rpx solid #bd90d9;
    font-size: 24rpx;
    font-weight: 500;
    color: #bd90d9;
  }

  page {
    background-color: #fff;
  }

  .box {
    width: 100%;
    min-height: 100vh;
    // padding-bottom: 120rpx;
    background-color: #fff;
  }

  .scroll-view {
    height: calc(100vh - var(--status-bar-height) - 260rpx - 88rpx - 120rpx - 129rpx);
  }
  .scroll-view-bottom {
    padding-bottom: 220rpx;
  }
  .scroll-views {
    height: calc(100vh - var(--status-bar-height) - 260rpx - 88rpx - 120rpx - 129rpx - 200rpx);
  }

  .disclaimer {
    position: fixed;
    background-color: #fff;
    bottom: 120rpx;
    width: 100%;
    margin-top: 20rpx;
    padding-top: 20rpx;
    padding: 0 30rpx;
    font-size: 26rpx;
    color: #a19898;
    word-break: break-all;
    margin-top: 16rpx;
    background-color: #fff;
  }
  .disclaimer1 {
    background-color: #fff;
    width: 100%;
    padding: 0 30rpx;
    font-size: 26rpx;
    color: #a19898;
    word-break: break-all;
    margin-top: 16rpx;
    background-color: #fff;
  }

  .bottom {
    position: fixed;
    width: 100%;
    height: 120rpx;
    background-color: #fff;
    bottom: 0;

    view {
      position: absolute;
      width: 200rpx;
      height: 70rpx;
      border-radius: 36rpx;
      text-align: center;
      line-height: 70rpx;
      color: #fff;
    }

    .but1 {
      background: #ea4b4b;
      text-indent: 50rpx;
      top: 26rpx;
      right: 254rpx;

      image {
        position: absolute;
        width: 54rpx;
        height: 54rpx;
        left: 16rpx;
        top: 8rpx;
      }
    }

    .but2 {
      background: #64b6a8;
      top: 26rpx;
      right: 30rpx;
    }
  }

  .list {
    margin-top: 0rpx;
    margin-left: 30rpx;
    margin-right: 30rpx;
    width: 690rpx;

    .vacancy {
      width: 100%;
      padding-bottom: 30rpx;
      margin-bottom: 30rpx;
      border-bottom: 1px solid #e0e0e0;

      .vehicleRecom {
        font-size: 36rpx;
        font-weight: 600;
        color: #333333;
        line-height: 44rpx;
        word-break: break-all;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; //想要的行数
        -webkit-box-orient: vertical;

        .tagLabel {
          vertical-align: top;
          background: #64b6a8;
          color: #fff;
          font-size: 24rpx;
          text-align: center;
          width: 106rpx;
          margin-right: 10rpx;
          padding: 2rpx 6rpx;
          border-radius: 4rpx;
        }
      }

      .vacancy_center {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 16rpx;

        .vacancy_status {
          span {
            font-size: 28rpx;
            font-weight: 400;
            color: #333333;
          }

          span:nth-child(1) {
            margin-right: 16rpx;
          }
        }

        .vacancy_price {
          font-size: 30rpx;
          font-weight: 550;
          color: #e00000;
        }
      }

      .vacancy_biaoq {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 16rpx;

        .vacancy_label {
          flex: 1;
          height: 48rpx;
          position: relative;
          overflow: hidden;
          white-space: nowrap;

          .shade {
            position: absolute;
            right: 0;
            top: 0;
            width: 100rpx;
            height: 48rpx;
            background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
          }

          .label {
            display: inline-block;
            padding: 10rpx;
            background-color: #f0f0f0;
            margin-right: 10rpx;
            font-size: 24rpx;
            font-weight: 400;
            color: #333333;
            border-radius: 4rpx;
          }

          .label:nth-last-child(1) {
            margin-right: 0rpx;
          }
        }

        .gend {
          text-align: right;
          width: 80rpx;
          height: 100%;
          font-size: 24rpx;
          color: #888888;
        }
      }

      .personalInformation {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 28rpx;

        .personalInformation_left {
          display: flex;
          flex-direction: column;

          .personalInformation_image {
            width: 42rpx;
            height: 42rpx;
            border-radius: 42rpx;
            margin-right: 12rpx;
          }

          .GR {
            display: flex;
            align-items: center;

            .name {
              font-size: 24rpx;
              font-weight: 400;
              color: #333333;
            }
          }

          .GS {
            display: flex;
            align-items: center;

            .corporation {
              font-size: 24rpx;
              font-weight: 400;
              color: #333333;
            }
          }
        }

        .personalInformation_right {
          display: flex;
          flex-direction: column;
          justify-content: flex-end;

          .personalInformation_Time {
            font-size: 24rpx;
            font-weight: 400;
            color: #888888;
            margin-bottom: 6rpx;
            text-align: right;
          }

          .personalInformation_distance {
            font-size: 24rpx;
            font-weight: 400;
            color: #888888;
            text-align: right;
          }
        }
      }
    }

    .vacancy:last-child {
      border-bottom: 0rpx solid #e0e0e0;
    }

    .resume {
      width: 100%;
      padding-bottom: 30rpx;
      margin-bottom: 30rpx;

      .title {
        font-size: 28rpx;
        font-weight: 550;
        color: #333333;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; //想要的行数
        -webkit-box-orient: vertical;
        margin-bottom: 16rpx;
      }

      .occupation {
        display: flex;
        align-items: center;
        margin-bottom: 16rpx;

        span {
          font-size: 24rpx;
          font-weight: 400;
          color: #333333;
          margin-right: 16rpx;
        }

        span:nth-last-child(1) {
          margin-right: 0;
        }
      }

      .hands-on {
        display: flex;
        align-items: center;
        margin-bottom: 16rpx;

        span {
          font-size: 24rpx;
          font-weight: 400;
          color: #888888;
        }
      }

      .individual {
        display: flex;
        align-items: center;
        justify-content: space-between;

        .individual_left {
          display: flex;
          align-items: center;

          .name {
            font-size: 24rpx;
            font-weight: 400;
            color: #333333;
            margin-right: 10rpx;
          }

          .vip-rank {
            padding: 3rpx 10rpx;
            margin: 0 18rpx 0 0;
            background: #f6f0ff;
            border-radius: 6rpx 6rpx 6rpx 6rpx;
            opacity: 1;
            border: 2rpx solid #bd90d9;
            font-size: 24rpx;
            font-weight: 500;
            color: #bd90d9;
          }
        }

        .individual_right {
          font-size: 24rpx;
          font-weight: 400;
          color: #888888;
        }
      }
    }

    .liss {
      width: 100%;
      padding-bottom: 30rpx;
      margin-bottom: 30rpx;
      border-bottom: 2rpx solid #e0e0e0;
      display: flex;
      // justify-content: space-between;

      image {
        background-color: #f8f8f8;
        width: 300rpx;
        height: 200rpx;
        border-radius: 20rpx;
      }

      .li_2 {
        margin-left: 24rpx;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .vehicleRecom {
          font-size: 32rpx;
          font-weight: 550;
          color: #333333;
          line-height: 44rpx;

          .tagLabel {
            vertical-align: top;
            background: #64b6a8;
            color: #fff;
            font-size: 24rpx;
            text-align: center;
            width: 106rpx;
            margin-right: 10rpx;
            padding: 4rpx 6rpx;
            border-radius: 4rpx;
          }
        }

        .price {
          font-size: 28rpx;
          font-weight: 600;
          color: #e00000;
        }
      }
    }

    .li {
      position: relative;
      width: 100%;
      padding-bottom: 30rpx;
      margin-bottom: 30rpx;
      border-bottom: 2rpx solid #e0e0e0;

      image {
        background-color: #f8f8f8;
        width: 300rpx;
        height: 200rpx;
      }

      .image1 {
        position: absolute;
        top: 0;
        left: 0;
      }

      .li_1 {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-left: 24rpx;

        .tit {
          width: 366rpx;
          font-size: 34rpx;
          font-weight: 600;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2; //想要的行数
          -webkit-box-orient: vertical;
          margin-bottom: 16rpx;
        }

        .neirong_1 {
          width: 366rpx;
          font-size: 24rpx;
          color: #666666;
          display: flex;
          align-items: center;

          .price {
            color: red;
            font-size: 30rpx;
            font-weight: 600;
          }

          .neir_css {
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1; //想要的行数
            -webkit-box-orient: vertical;
          }

          .neir_css:nth-child(2n) {
            margin-left: 10rpx;
          }

          .neir_css:nth-child(2n-1) {
            margin-right: 10rpx;
          }
        }
      }
    }

    .lifw {
      width: 100%;
      padding-bottom: 30rpx;
      margin-bottom: 30rpx;
      border-bottom: 2rpx solid #e0e0e0;
      display: flex;
      // justify-content: space-between;

      image {
        background-color: #f8f8f8;
        width: 300rpx;
        height: 200rpx;
        border-radius: 20rpx;
      }

      .li_3 {
        margin-left: 24rpx;

        .servicesAvailable {
          font-size: 32rpx;
          font-weight: 500;
          color: #64b6a8;
          margin-bottom: 20rpx;
        }

        .serviceContent {
          font-size: 24rpx;
          font-weight: 400;
          color: #333333;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden;
        }
      }
    }

    .li:last-child {
      border-bottom: 0rpx solid #e0e0e0;
    }
  }

  .tit_t {
    // padding: 36rpx 30rpx;
    display: flex;
    // justify-content: space-between;
    align-items: center;

    .tabxx {
      flex: 1;
      // width: 200rpx;
      padding: 0 30rpx;
      height: 57rpx;
      background-color: #f2f2f2;
      border-radius: 8rpx;
      font-size: 28rpx;
      font-weight: 400;
      color: #333333;
      text-align: center;
      line-height: 57rpx;
      margin: 0 10rpx;
    }

    .tabxx:nth-child(1) {
      margin-left: 0;
    }

    .tabxx:nth-child(4) {
      margin-right: 0;
    }

    .xuan {
      color: #fff;
      background-color: #64b6a8;
    }
  }

  .tou {
    position: relative;
    width: 100%;
    // height: 88rpx;
    text-align: center;
    line-height: 88rpx;
    font-size: 36rpx;
    color: #fff;
    background-color: #64b6a8;

    .image1 {
      position: absolute;
      width: 32rpx;
      height: 32rpx;
      // top: 116rpx;
      left: 30rpx;
    }

    .fanx {
      position: absolute;
      width: 46rpx;
      height: 46rpx;
      // top: 116rpx;
      right: 30rpx;
      bottom: 20rpx !important;
    }
  }

  .mingpian {
    width: 690rpx;
    height: 200rpx;
    background-color: #ffffff;
    box-shadow: 0px 0px 6rpx rgba(0, 0, 0, 0.16);
    border-radius: 18rpx;
    margin-top: 40rpx;
    margin-left: 30rpx;
    margin-bottom: 20rpx;
    display: flex;
    justify-content: center;
    align-items: center;

    .mingpian_left {
      display: flex;
      margin-left: 30rpx;

      .headPortrait {
        width: 130rpx;
        height: 130rpx;
        position: relative;

        .img1 {
          width: 100%;
          height: 100%;
          border-radius: 50%;
        }

        .img2 {
          position: absolute;
          bottom: -14rpx;
          left: 50%;
          transform: translateX(-50%);
          width: 100rpx;
          height: 40rpx;
          background-image: url('https://pic.bangbangtongcheng.com/static/bbcz/jpgw01.png');
          background-size: 100% 120%;
          font-size: 24rpx;
          color: #fff;
          text-align: center;
          line-height: 40rpx;
        }
      }

      .counselor {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-left: 23rpx;

        .counselor_top {
          display: flex;
          align-items: center;
          margin-right: 30rpx;

          .name {
            word-break: break-all;
            font-size: 30rpx;
            font-weight: 500;
            color: #333333;
          }
        }
      }
    }

    .attention {
      display: flex;
      margin-right: 12rpx;
      font-size: 28rpx;
      font-weight: 400;
      color: #333333;

      .img4 {
        width: 41rpx;
        height: 41rpx;
        margin-right: 4rpx;
      }
    }

    .counselor_bottom {
      display: flex;
      align-items: center;
      font-size: 28rpx;
      font-weight: 400;
      color: #333333;

      .img3 {
        width: 31rpx;
        height: 31rpx;
        margin-left: 5rpx;
      }
    }

    .mingpian_right {
      margin-right: 30rpx;
      display: flex;
      flex-direction: column;
      justify-content: space-between;

      .images3 {
        width: 14rpx;
        height: 27rpx;
        margin-left: 20rpx;
      }

      .company {
        font-size: 28rpx;
        font-weight: 400;
        color: #333333;
        text-align: right;
      }
    }
  }

  .window {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;

    .kuangs {
      width: 600rpx;
      height: 300rpx;
      background: #fff;
      border-radius: 20rpx;
      padding: 40rpx;
      position: relative;
      overflow: hidden;

      .title {
        text-align: center;
        font-size: 28rpx;
        font-weight: 400;
        color: #333333;
      }

      .starBox {
        margin: 30rpx 0;
        display: flex;
        align-items: center;
        justify-content: center;

        .img3 {
          width: 60rpx;
          height: 60rpx;
          margin: 0 10rpx;
        }
      }

      .botton {
        width: 470rpx;
        height: 70rpx;
        margin: 0 auto;
        background: #64b6a8;
        border-radius: 35rpx;
        color: #fff;
        text-align: center;
        line-height: 70rpx;
        font-size: 28rpx;
      }
    }
  }

  .circle {
    margin: 0 30rpx;
    margin-top: 30rpx;

    .circle_item {
      width: 690rpx;
      border-bottom: 1px solid #e5e5e5;
      margin-bottom: 30rpx;
      display: flex;

      .headPortrait {
        width: 90rpx;
        height: 90rpx;
        position: relative;

        .img1 {
          width: 100%;
          height: 100%;
          border-radius: 50%;
        }

        .img2 {
          position: absolute;
          bottom: -14rpx;
          left: 50%;
          transform: translateX(-50%);
          width: 100rpx;
          height: 40rpx;
          background-image: url('https://pic.bangbangtongcheng.com/static/bbcz/jpgw01.png');
          background-size: 100% 120%;
          font-size: 24rpx;
          color: #fff;
          text-align: center;
          line-height: 40rpx;
        }
      }

      .mingpians {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .mingpians_left {
          display: flex;

          /* margin-left: 30rpx; */
          .counselor {
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin-left: 23rpx;
            height: 130rpx;

            .counselor_top {
              display: flex;
              align-items: center;
              width: 360rpx;

              .name {
                font-size: 28rpx;
                font-weight: 550;
                color: #333333;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
              }

              .attention {
                display: flex;
                margin-left: 12rpx;
                font-size: 28rpx;
                font-weight: 400;
                color: #333333;

                .img4 {
                  width: 41rpx;
                  height: 41rpx;
                  margin-right: 4rpx;
                }
              }
            }

            .counselor_bottom {
              display: flex;
              font-size: 28rpx;
              font-weight: 400;
              color: #333333;

              .img3 {
                width: 31rpx;
                height: 31rpx;
                margin-left: 5rpx;
              }
            }
          }
        }

        .mingpians_right {
          .item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            .image1 {
              width: 44rpx;
              height: 44rpx;
            }
          }
        }
      }

      .circle_center {
        width: 630rpx;
        height: 290rpx;
        border-radius: 18rpx;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 24rpx;
      }

      .circle_center_wz {
        margin-left: 30rpx;
        margin-top: 20rpx;

        .circle_center_wz_text {
          font-size: 32rpx;
          font-weight: 500;
          color: #333333;
          overflow: hidden;
          word-wrap: break-word;
          word-break: break-all;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
        }

        .circle_center_wz_img {
          margin-top: 20rpx;

          .circle_center_wz_imgss {
            width: 100%;
            max-width: 550rpx;
            height: 290rpx;
            /* border-radius: 18rpx; */
          }

          .circle_center_wz_imgss_d {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            /* justify-content: space-between; */

            .image {
              width: 170rpx;
              height: 170rpx;
              border-radius: 10rpx;
              margin-bottom: 8rpx;
              margin-right: 8rpx;
            }
          }

          .circle_center_wz_imgss_ds {
            display: flex;
            align-items: center;
            flex-wrap: wrap;

            .image {
              width: 170rpx;
              height: 170rpx;
              margin-right: 10rpx;
              border-radius: 10rpx;
              margin-bottom: 10rpx;
            }
          }

          .circle_center_wz_img_vid {
            /* max-width: 630rpx; */
            /* max-height: 290rpx; */
            position: relative;
            display: inline-block;

            image {
              max-width: 550rpx;
            }

            .images {
              width: 74rpx;
              height: 74rpx;
              position: absolute;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%);
              max-width: 550rpx;
            }
          }
        }
      }

      .circle_bottom {
        margin-top: 30rpx;
        margin-left: 30rpx;
        margin-bottom: 30rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .circle_left {
          font-size: 24rpx;
          font-weight: 400;
          color: #333333;
        }

        .circle_right {
          display: flex;
          align-items: center;

          .circle_right_item {
            display: flex;
            align-items: center;
            margin-right: 20rpx;
            height: 37rpx;
            color: #64b6a8;

            .image2 {
              width: 32rpx;
              height: 30rpx;
              margin-right: 4rpx;
            }

            .image3 {
              width: 32rpx;
              height: 30rpx;
              margin-right: 4rpx;
            }

            .image4 {
              width: 34rpx;
              height: 34rpx;
              margin-right: 4rpx;
            }
          }

          .circle_right_item:last-child {
            margin-right: 0;
          }
        }
      }
    }
  }

  .none {
    text-align: center;

    image {
      width: 430rpx;
      margin-bottom: 16rpx;
    }

    view {
      height: 40rpx;
      line-height: 40rpx;
      color: #666;
    }
  }

  .vip-rank {
    width: 120rpx;
    padding: 3rpx 10rpx;
    margin: 0 18rpx 0 0;
    background: #f6f0ff;
    border-radius: 6rpx 6rpx 6rpx 6rpx;
    opacity: 1;
    border: 2rpx solid #bd90d9;
    font-size: 24rpx;
    text-align: center;
    font-weight: 500;
    color: #bd90d9;
  }
</style>
